<template>
  <div id="student" style="width: 560px; height: 400px">
    <p>&emsp;|&emsp;学员信息</p>
    <el-table :data="tableData" style="width: 571px" height="340px">
      <el-table-column fixed prop="order" label="顺序" width="60">
      </el-table-column>
      <el-table-column prop="name" label="姓名" width="80"> </el-table-column>
      <el-table-column prop="phone" label="手机" width="120"> </el-table-column>
      <el-table-column prop="price" label="消费金额" width="80">
      </el-table-column>
      <el-table-column prop="member" label="会员等级" width="70">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          order: "1",
          name: "王小虎",
          phone: "15600462236",
          price: "3000.00",
          member: "3",
        },
        {
          order: "1",
          name: "王小虎",
          phone: "15600462236",
          price: "3000.00",
          member: "3",
        },
        {
          order: "1",
          name: "王小虎",
          phone: "15600462236",
          price: "3000.00",
          member: "3",
        },
        {
          order: "1",
          name: "王小虎",
          phone: "15600462236",
          price: "3000.00",
          member: "3",
        },
        {
          order: "1",
          name: "王小虎",
          phone: "15600462236",
          price: "3000.00",
          member: "3",
        },
        {
          order: "1",
          name: "王小虎",
          phone: "15600462236",
          price: "3000.00",
          member: "3",
        },
        {
          order: "1",
          name: "王小虎",
          phone: "15600462236",
          price: "3000.00",
          member: "3",
        },
        {
          order: "1",
          name: "王小虎",
          phone: "15600462236",
          price: "3000.00",
          member: "3",
        },
        {
          order: "1",
          name: "王小虎",
          phone: "15600462236",
          price: "3000.00",
          member: "3",
        },
        {
          order: "1",
          name: "王小虎",
          phone: "15600462236",
          price: "3000.00",
          member: "3",
        },
      ],
    };
  },
};
</script>

<style lang='less' scoped>
#student {
  margin-left: 6px;
  background-color: white;
  p {
    font-weight: 1000;
    color: #438afe;
    height: 60px;
    line-height: 60px;
  }
  /deep/.el-table .cell {
    text-align: center;
  }
}
</style>